﻿<?php
header("Content-Type:text/html;charset=utf-8");
session_start();
?>
<!DOCTYPE html>
<html>
    <head>
        <title>首页</title>
        <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
        <link rel="stylesheet" type="text/css"  href="../backend/css/timeline.css" >
        <!-- Custom Theme files -->
        <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
        <!-- Custom Theme files -->
        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
       
        <!-- Custom Theme files -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="keywords" content="Pie Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
              Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
        <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
        <!--webfont-->
        <link href="../backend/font-awesome/css/font-awesome.css" rel="stylesheet">

        <!-- Owl Stylesheets -->
        <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
        <script type="text/javascript" src="js/move-top.js"></script>
        <script type="text/javascript" src="js/easing.js"></script>
         <script type="text/javascript" src="js/jssor.slider.mini.js"></script>
        <script type="text/javascript">
            jQuery(document).ready(function($) {
                $(".scroll").click(function(event) {
                    event.preventDefault();
                    $('html,body').animate({scrollTop: $(this.hash).offset().top}, 1200);
                });
            });
        </script>
        <!--Animation-->
        <script src="js/wow.min.js"></script>
        <link href="css/animate.css" rel='stylesheet' type='text/css' />
        <link href="css/cars.css" rel='stylesheet' type='text/css' />
        <script>
            new WOW().init();
        </script>
        <script>
        jQuery(document).ready(function ($) {

            var _CaptionTransitions = [];
            _CaptionTransitions["L"] = { $Duration: 900, x: 0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
            _CaptionTransitions["R"] = { $Duration: 900, x: -0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
            _CaptionTransitions["T"] = { $Duration: 900, y: 0.6, $Easing: { $Top: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
            _CaptionTransitions["B"] = { $Duration: 900, y: -0.6, $Easing: { $Top: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
            _CaptionTransitions["ZMF|10"] = { $Duration: 900, $Zoom: 11, $Easing: { $Zoom: $JssorEasing$.$EaseOutQuad, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 };
            _CaptionTransitions["RTT|10"] = { $Duration: 900, $Zoom: 11, $Rotate: 1, $Easing: { $Zoom: $JssorEasing$.$EaseOutQuad, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $Round: { $Rotate: 0.8} };
            _CaptionTransitions["RTT|2"] = { $Duration: 900, $Zoom: 3, $Rotate: 1, $Easing: { $Zoom: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInQuad }, $Opacity: 2, $Round: { $Rotate: 0.5} };
            _CaptionTransitions["RTTL|BR"] = { $Duration: 900, x: -0.6, y: -0.6, $Zoom: 11, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $Round: { $Rotate: 0.8} };
            _CaptionTransitions["CLIP|LR"] = { $Duration: 900, $Clip: 15, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
            _CaptionTransitions["MCLIP|L"] = { $Duration: 900, $Clip: 1, $Move: true, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic} };
            _CaptionTransitions["MCLIP|R"] = { $Duration: 900, $Clip: 2, $Move: true, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic} };

            var options = {
                $FillMode: 2,                                       //[Optional] The way to fill image in slide, 0 stretch, 1 contain (keep aspect ratio and put all inside slide), 2 cover (keep aspect ratio and cover whole slide), 4 actual size, 5 contain for large image, actual size for small image, default value is 0
                $AutoPlay: false,                                    //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
                $AutoPlayInterval: 4000,                            //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
                $PauseOnHover: 1,                                   //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1

                $ArrowKeyNavigation: true,   			            //[Optional] Allows keyboard (arrow key) navigation or not, default value is false
                $SlideEasing: $JssorEasing$.$EaseOutQuint,          //[Optional] Specifies easing for right to left animation, default value is $JssorEasing$.$EaseOutQuad
                $SlideDuration: 800,                               //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500
                $MinDragOffsetToSlide: 20,                          //[Optional] Minimum drag offset to trigger slide , default value is 20
                //$SlideWidth: 600,                                 //[Optional] Width of every slide in pixels, default value is width of 'slides' container
                //$SlideHeight: 300,                                //[Optional] Height of every slide in pixels, default value is height of 'slides' container
                $SlideSpacing: 0, 					                //[Optional] Space between each slide in pixels, default value is 0
                $DisplayPieces: 1,                                  //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
                $ParkingPosition: 0,                                //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
                $UISearchMode: 1,                                   //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
                $PlayOrientation: 1,                                //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1
                $DragOrientation: 1,                                //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)

                $CaptionSliderOptions: {                            //[Optional] Options which specifies how to animate caption
                    $Class: $JssorCaptionSlider$,                   //[Required] Class to create instance to animate caption
                    $CaptionTransitions: _CaptionTransitions,       //[Required] An array of caption transitions to play caption, see caption transition section at jssor slideshow transition builder
                    $PlayInMode: 1,                                 //[Optional] 0 None (no play), 1 Chain (goes after main slide), 3 Chain Flatten (goes after main slide and flatten all caption animations), default value is 1
                    $PlayOutMode: 3                                 //[Optional] 0 None (no play), 1 Chain (goes before main slide), 3 Chain Flatten (goes before main slide and flatten all caption animations), default value is 1
                },

                $BulletNavigatorOptions: {                          //[Optional] Options to specify and enable navigator or not
                    $Class: $JssorBulletNavigator$,                 //[Required] Class to create navigator instance
                    $ChanceToShow: 2,                               //[Required] 0 Never, 1 Mouse Over, 2 Always
                    $AutoCenter: 1,                                 //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
                    $Steps: 1,                                      //[Optional] Steps to go for each navigation request, default value is 1
                    $Lanes: 1,                                      //[Optional] Specify lanes to arrange items, default value is 1
                    $SpacingX: 8,                                   //[Optional] Horizontal space between each item in pixel, default value is 0
                    $SpacingY: 8,                                   //[Optional] Vertical space between each item in pixel, default value is 0
                    $Orientation: 1                                 //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1
                },

                $ArrowNavigatorOptions: {                           //[Optional] Options to specify and enable arrow navigator or not
                    $Class: $JssorArrowNavigator$,                  //[Requried] Class to create arrow navigator instance
                    $ChanceToShow: 1,                               //[Required] 0 Never, 1 Mouse Over, 2 Always
                    $AutoCenter: 2,                                 //[Optional] Auto center arrows in parent container, 0 No, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
                    $Steps: 1                                       //[Optional] Steps to go for each navigation request, default value is 1
                }
            };

            var jssor_slider1 = new $JssorSlider$("slider1_container", options);

            //responsive code begin
            //you can remove responsive code if you don't want the slider scales while window resizes
            function ScaleSlider() {
                var bodyWidth = document.body.clientWidth;
                if (bodyWidth)
                    jssor_slider1.$ScaleWidth(Math.min(bodyWidth,600));
                else
                    window.setTimeout(ScaleSlider, 30);
            }
            //ScaleSlider();

            $(window).bind("load", ScaleSlider);
            $(window).bind("resize", ScaleSlider);
            $(window).bind("orientationchange", ScaleSlider);
            //responsive code end
        });
    </script>
    </head>
    <body>
        <!-- header-section-starts -->
        <div class="header " id="home">
            <div id="site-nav">
                <div id="sn-bg">
                    <div class="sn-bg-right">
                    </div>
                </div>
                <div id="sn-bd">
                    <b class="sn-edge"></b>

                    <div class="sn-container">
                        <p class="sn-back-home">
                            <i class="fa fa-home" style="font-size:16px;"></i>
                            <a href="//www.tmall.com/">中质国检首页</a>
                        </p>
                        <p id="login-info" class="sn-login-info">
                            <em>您好，欢迎来到中质国检</em>
                            <a class="sn-login" href="//login.tmall.com/?redirectURL=https%3A%2F%2Fdetail.tmall.com%2Fitem.htm%3Fspm%3Da220m.1000858.1000725.6.aJlVNf%26id%3D12886694893%26skuId%3D37541188994%26areaId%3D110000%26cat_id%3D2%26rn%3D2d98f6f24ad9d2100be4c725f7ac661c%26user_id%3D765438470%26is_b%3D1" target="_top">
                                请登录
                            </a>
                            <a class="sn-register" href="//register.tmall.com/" target="_top">免费注册</a></p>
                        <ul class="sn-quick-menu">
                            <li class="sn-mytaobao menu-item j_MyTaobao">
                                <div class="sn-menu">
                                    <a class="menu-hd" href="//i.taobao.com/my_taobao.htm" target="_top" rel="nofollow" tabindex="0" aria-haspopup="menu-398" aria-label="右键弹出菜单，tab键导航，esc关闭当前菜单">
                                        会员中心<b></b>
                                    </a>

                                    <div class="menu-bd" role="menu" aria-hidden="true" id="menu-398">
                                        <div class="menu-bd-panel" id="myTaobaoPanel">
                                            <a href="//trade.taobao.com/trade/itemlist/list_bought_items.htm?t=20110530" target="_top" rel="nofollow">我的个人中心</a>
                                            <a href="//trade.taobao.com/trade/itemlist/list_sold_items.htm?t=20110530" target="_top" rel="nofollow">企业中心</a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="sn-seller-center menu-item">
                                
                                <div class="sn-menu">
                                    <a target="_top" href="//mai.taobao.com/seller_admin.htm">会员服务</a>
                                    <div class="menu-bd" role="menu" aria-hidden="true" id="menu-400">
                                        <div class="menu-bd-panel">
                                            <a href="//shoucang.taobao.com/item_collect.htm" target="_top" rel="nofollow">委托认证</a>
                                            <a href="//shoucang.taobao.com/shop_collect_list.htm" target="_top" rel="nofollow">零部件送检</a>
                                            <a href="//shoucang.taobao.com/shop_collect_list.htm" target="_top" rel="nofollow">认证查询</a>
                                            <a href="//shoucang.taobao.com/shop_collect_list.htm" target="_top" rel="nofollow">认证培训</a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="sn-mybrand">
                                <a target="_top" id="J_SnMyBrand" class="sn-mybrand-link" href="//mybrand.tmall.com?scm=1048.1.1.1"><i class="fa fa-heart" style="font-size:16px;"></i>我关注的品牌</a>
                            </li>

                            <li class="sn-favorite menu-item">
                                <div class="sn-menu">
                                    <a class="menu-hd" href="//shoucang.taobao.com/shop_collect_list.htm?scjjc=c1" target="_top" rel="nofollow" tabindex="0" aria-haspopup="menu-400" aria-label="右键弹出菜单，tab键导航，esc关闭当前菜单"><i class="fa fa-star"  style="font-size:16px;"></i>我的收藏夹<b></b></a>

                                    <div class="menu-bd" role="menu" aria-hidden="true" id="menu-400">
                                        <div class="menu-bd-panel">
                                            <a href="//shoucang.taobao.com/item_collect.htm" target="_top" rel="nofollow">收藏的零件</a>
                                            <a href="//shoucang.taobao.com/shop_collect_list.htm" target="_top" rel="nofollow">收藏的厂家</a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="sn-separator"></li>
                            <li class="sn-mobile">

                                <a title="质检无线" target="_top" class="sn-mobile-link" href="//mobile.tmall.com/?scm=1027.1.1.1"><i class="fa fa-mobile" style="font-size:20px;"></i>手机版</a>
                                <div class="sn-qrcode" style="display: none;"><div class="sn-qrcode-content"></div><p>扫一扫，获得认证产品！</p><b></b></div></li>
                            <li class="sn-home">
                                <a href="//www.taobao.com/">中质国检</a>
                            </li>
                            <li class="sn-seller menu-item">
                                <div class="sn-menu J_DirectPromo">
                                    <a class="menu-hd" href="//shangjia.tmall.com/portal.htm?spm=3600.7326145.a2226mz.19.hvXP0t" target="_top" tabindex="0" aria-haspopup="menu-402" aria-label="右键弹出菜单，tab键导航，esc关闭当前菜单">商家支持<b></b></a>
                                    <div class="menu-bd sn-seller-lazy" role="menu" aria-hidden="true" id="menu-402">
                                    </div>
                                </div>
                            </li>

                        </ul>
                    </div>
                </div>
            </div>

            <div class="search_tab">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="row">
                            <div class="col-lg-3">
                                <div class="row">
                                <div class="logo wow fadeInRight animated" data-wow-delay="0.4s" style="text-align:right;visibility: visible; -webkit-animation: fadeInRight 0.4s;">
                                    <a href="#" style="color:#E74C3C;font-size:30px;font-weight:bold;font-family: 'Microsoft YaHei';"><img src="images/logo.png" alt="">中质国检</a>
                                </div>
                                </div>
                            </div>
                            <div class="col-lg-6 bordered">
                                <div class="row">
                                    <div class="col-lg-12">
                                <div class="tabbable">
                                    <ul class="nav nav-tabs">
                                        <li class="active"><a href="#tab_1_1" data-toggle="tab">编码</a></li>
                                        <li class=""><a href="#tab_1_2" data-toggle="tab">产品</a></li>
                                        <li class=""><a href="#tab_1_3" data-toggle="tab">生产厂家</a></li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active in" id="tab_1_1">
                                            <div class="divide-10"></div>
                                            <form class="form-inline" role="form">
                                                
                                                <!--div class="form-group">
                                                  
                                                    <input type="text" class="form-control " placeholder="请输入产品编码">

                                                    <button class="form-control btn btn-search">搜索</button>
                                                </div-->
                                                    <div class="input-group">
                                                        <input type="text" class="form-control" placeholder="请输入产品编码">
                                                        <span class="input-group-btn">
                                                              <button class="btn btn-default" type="button">搜索</button>
                                                        </span>
                                                      </div>
                                               

                                                
                                                
                                                <div class="col-md-12"> 
                                                    <label class="radio-inline"> <div class="radio"><span  class="checked"><input type="radio" class="uniform" name="optionsRadios2" value="option1" checked></span></div>统一编码</label> 
                                                    <label class="radio-inline"> <div class="radio"><span><input type="radio" class="uniform" name="optionsRadios2" value="option2"></span></div>认证码</label>
                                                    <label class="radio-inline"> <div class="radio"><span><input type="radio" class="uniform" name="optionsRadios2" value="option2"></span></div>物品码</label>
                                                    <label class="radio-inline"> <div class="radio"><span><input type="radio" class="uniform" name="optionsRadios2" value="option2"></span></div>序列号</label>
                                                    <label class="radio-inline"> <div class="radio"><span><input type="radio" class="uniform" name="optionsRadios2" value="option2" ></span></div>CQC证书编号</label>
                                                    <label class="radio-inline"> <div class="radio"><span><input type="radio" class="uniform" name="optionsRadios2" value="option2" ></span></div>海关码</label>

                                                </div>

                                            </form>

                                        </div>
                                        <div class="tab-pane fade" id="tab_1_2">
                                            <div class="divide-10"></div>
                                            <form class="form-inline" role="form">
                                                <!--div class="form-group">

                                                    <input type="text" class="form-control" placeholder="请输入产品名称">

                                                    <button class="btn btn-search">搜索</button>	


                                                </div-->
                                                <div class="input-group">
                                                        <input type="text" class="form-control" placeholder="请输入产品名称">
                                                        <span class="input-group-btn">
                                                              <button class="btn btn-default" type="button">搜索</button>
                                                        </span>
                                                      </div>
                                                <div class="col-md-12"> 
                                                    <label class="radio-inline"> <div class="radio"><span  class="checked"><input type="radio" class="uniform" name="optionsRadios2" value="option1" checked></span></div>正厂件</label> 
                                                    <label class="radio-inline"> <div class="radio"><span><input type="radio" class="uniform" name="optionsRadios2" value="option2" ></span></div>CCC件</label>
                                                    <label class="radio-inline"> <div class="radio"><span><input type="radio" class="uniform" name="optionsRadios2" value="option2"></span></div>同质件</label>
                                                    <label class="radio-inline"> <div class="radio"><span><input type="radio" class="uniform" name="optionsRadios2" value="option2"></span></div>事故件</label>
                                                    <label class="radio-inline"> <div class="radio"><span><input type="radio" class="uniform" name="optionsRadios2" value="option2"></span></div>拆车件</label>

                                                    <label class="radio-inline"> <div class="radio"><span></span></div>更多...</label>

                                                </div>

                                            </form>  
                                        </div>
                                        <div class="tab-pane fade" id="tab_1_3">
                                            <div class="divide-10"></div>
                                            <form class="form-inline" role="form">
                                                <!--div class="form-group">

                                                    <input type="text" class="form-control" placeholder="请输入生产厂家">

                                                    <button class="btn btn-search">搜索</button>	


                                                </div-->
                                                <div class="input-group">
                                                        <input type="text" class="form-control" placeholder="请输入生产厂家">
                                                        <span class="input-group-btn">
                                                              <button class="btn btn-default" type="button">搜索</button>
                                                        </span>
                                                      </div>
                                                <div class="col-md-12"> 
                                                    <label class="radio-inline"> <div class="radio"><span  class="checked"><input type="radio" class="uniform" name="optionsRadios2" value="option1" checked></span></div>品牌</label> 
                                                    <label class="radio-inline"> <div class="radio"><span><input type="radio" class="uniform" name="optionsRadios2" value="option2"></span></div>生产厂家</label>

                                                </div>
                                            </form>                                        
                                        </div>
                                    </div>
                                </div>
                                    </div>
                                </div>
                            </div>
                            <!--div class="col-lg-3 glory-barcode">
                                <div>
                                    <p>中质国检客户端</p>
                                </div>
                                 <div>
                                     <img class="glory-barcode-img" src="images/barcode.png">
                                </div>
                                 <div >
                                     <p>扫描安装</p>
                                </div>

                            </div-->
                            <div class="col-lg-3 gt-text">
                                <p>经过国家质量认证中心（CQC）认证</p>
                                <p>国家唯一认定推行查询平台</p>
                                <p>涵盖正厂件，CCC件，同质件，事故件，拆车件</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

             <div class="divide-30"></div>

            <div class="container">
               
                <span class="menu"></span>
                <div class="top-menu wow fadeInLeft" data-wow-delay="0.4s">
                    <ul>
                        <li><a class="active scroll hvr-shutter-out-horizontal" href="#home">首页</a></li>
                        <li><a class="scroll hvr-shutter-out-horizontal" href="#service">服务</a></li>
                        <li><a class="scroll hvr-shutter-out-horizontal" href="#about">关于我们</a></li>
                        <li><a class="scroll hvr-shutter-out-horizontal" href="#pricing">购买计划</a></li>
                        <li><a class="scroll hvr-shutter-out-horizontal" href="#work">服务流程</a></li>
                        <li><a class="scroll hvr-shutter-out-horizontal" href="#clients">客户</a></li>
                        <li><a class="scroll hvr-shutter-out-horizontal" href="#contact">联系我们</a></li>
                        <?php if (isset($_SESSION['user_type'])) {
                            ?>
                            <li><a class="scroll hvr-shutter-out-horizontal" href="#" target="_blank" title="进入会员中心" onclick="window.open('/glory/backend/');
                                        return false;">欢迎您：<?php
                                       if ($_SESSION['user_type'] == 'User')
                                           echo $_SESSION['user_name'];
                                       else if ($_SESSION['user_type'] == 'Company')
                                           echo $_SESSION['company_name'];
                                       ?></a></li>
                            <li><a class="scroll hvr-shutter-out-horizontal" href="#" target="_blank" onclick="logout();
                                        return false;">退出</a></li>
                                <?php
                            }else {
                                ?>
                            <li><a class="scroll hvr-shutter-out-horizontal" href="#" target="_blank" onclick="window.open('/glory/backend/regist.html');
                                        return false;">注册</a></li>
                            <li><a class="scroll hvr-shutter-out-horizontal" href="#" target="_self" onclick="window.location = '/glory/backend/login.html';
                                        return false;">登录</a></li>
                                <?php
                            }
                            ?>   
                    </ul>
                </div>
                <!-- script for menu -->
                <script>
                    $("span.menu").click(function() {
                        $(".top-menu").slideToggle("slow", function() {
                            // Animation complete.
                        });
                    });
                </script>
                <!-- script for menu -->

                <div class="clearfix"></div>
            </div>
        </div>
        
        
        
        <div class="row">
            <!--  LEFT SIDE    -->
           
                <!--  LEFT SIDE  block menu  -->
            <div class="col-lg-3">
                <div class="row">    
                        
                            <div class="col-lg-4 ">
                                <a href="http://122.225.117.132:9014/QFKD-NETWORK-QUERY/management/reqOrder/toReqOrder">
                                    <div class="zuo_zuo" style="height:87px; width:57px; margin-left:27px; margin-right:26px; float:left">
                                        <img src="images/block/pic9.png">
                                    </div>
                                </a>
                            </div>
                            <div class="col-lg-4">
                                <a href="http://122.225.117.132:9014/QFKD-NETWORK-QUERY/management/reqOrder/toReqOrder">
                                    <div class="zuo_zuo" style="height:87px; width:57px; margin-left:27px; margin-right:26px; float:left">
                                        <img src="images/block/pic11.png">
                                    </div>
                                </a>
                            </div>
                            <div class="col-lg-4">
                                <a href="http://122.225.117.132:9014/QFKD-NETWORK-QUERY/management/reqOrder/toReqOrder">
                                    <div class="zuo_zuo" style="height:87px; width:57px; margin-left:27px; margin-right:26px; float:left">
                                        <img src="images/block/pic22.png">
                                    </div>
                                </a>
                            
                            </div>
                            
                        
                            <div class="col-lg-4">
                                 <a href="http://122.225.117.132:9014/QFKD-NETWORK-QUERY/management/reqOrder/toReqOrder">
                                    <div class="zuo_zuo" style="height:87px; width:57px; margin-left:27px; margin-right:26px; float:left">
                                        <img src="images/block/pic33.png">
                                    </div>
                                </a>
                            </div>
                            <div class="col-lg-4">
                                <a href="http://122.225.117.132:9014/QFKD-NETWORK-QUERY/management/reqOrder/toReqOrder">
                                    <div class="zuo_zuo" style="height:87px; width:57px; margin-left:27px; margin-right:26px; float:left">
                                        <img src="images/block/pic44.png">
                                    </div>
                                </a>    
                            </div>
                            <div class="col-lg-4">
                                 <a href="http://122.225.117.132:9014/QFKD-NETWORK-QUERY/management/reqOrder/toReqOrder">
                                    <div class="zuo_zuo" style="height:87px; width:57px; margin-left:27px; margin-right:26px; float:left">
                                        <img src="images/block/pic55.png">
                                    </div>
                                </a>
                            </div>
                            
                        
                            <div class="col-lg-4">
                                 <a href="http://122.225.117.132:9014/QFKD-NETWORK-QUERY/management/reqOrder/toReqOrder">
                                    <div class="zuo_zuo" style="height:87px; width:57px; margin-left:27px; margin-right:26px; float:left">
                                        <img src="images/block/pic66.png">
                                    </div>
                                </a>
                            </div>
                            <div class="col-lg-4">
                                <a href="http://122.225.117.132:9014/QFKD-NETWORK-QUERY/management/reqOrder/toReqOrder">
                                    <div class="zuo_zuo" style="height:87px; width:57px; margin-left:27px; margin-right:26px; float:left">
                                        <img src="images/block/pic77.png">
                                    </div>
                                </a>
                            </div>
                            <div class="col-lg-4">
                                 <a href="http://122.225.117.132:9014/QFKD-NETWORK-QUERY/management/reqOrder/toReqOrder">
                                    <div class="zuo_zuo" style="height:87px; width:57px; margin-left:27px; margin-right:26px; float:left">
                                        <img src="images/block/pic88.png">
                                    </div>
                                </a>
                            </div>
                            
                </div>    
                       
            </div>   
               
                <!--  // END OF block menu    -->
            
            <!--  // END OF LEFT SIDE    -->
            
            <!--  CENTER    -->
            <div calss="col-lg-6">
               <div id="slider1_container" style="position: relative; margin: 0 auto;
                    top: 0px; left: 0px;height: 500px; overflow: hidden;">
                    <!-- Loading Screen -->
                    <div u="loading" style="position: absolute; top: 0px; left: 0px;">
                        <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block;
                            top: 0px; left: 0px; width: 100%; height: 100%;">
                        </div>
                        <div style="position: absolute; display: block; background: url(img/loading.gif) no-repeat center center;
                            top: 0px; left: 0px; width: 100%; height: 100%;">
                        </div>
                    </div>
                    <!-- Slides Container -->
                    <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 100%;
                        height: 500px; overflow: hidden;">
                        <div>
                            <img u="image" src="img/1920/red.jpg" />
                            <div u="caption" t="NO" t3="RTT|2" r3="137.5%" du3="3000" d3="500" style="position: absolute; width: 445px; height: 300px; top: 100px; left: 600px;">
                                <img src="img/new-site/c-phone.png" style="position: absolute; width: 445px; height: 300px; top: 0px; left: 0px;" />
                                <img u="caption" t="CLIP|LR" du="4000" t2="NO" src="img/new-site/c-jssor-slider.png" style="position: absolute; width: 102px; height: 78px; top: 70px; left: 130px;" />
                                <img u="caption" t="ZMF|10" t2="NO" src="img/new-site/c-text.png" style="position: absolute; width: 80px; height: 53px; top: 153px; left: 163px;" />
                                <img u="caption" t="RTT|10" t2="NO" src="img/new-site/c-fruit.png" style="position: absolute; width: 140px; height: 90px; top: 60px; left: 220px;" />
                                <img u="caption" t="T" du="4000" t2="NO" src="img/new-site/c-navigator.png" style="position: absolute; width: 200px; height: 155px; top: 57px; left: 121px;" />
                            </div>
                            <div u="caption" t="RTT|2" r="-75%" du="1600" d="2500" t2="NO" style="position: absolute; width: 470px; height: 220px; top: 120px; left: 650px;">
                                <img src="img/new-site/c-phone-horizontal.png" style="position: absolute; width: 470px; height: 220px; top: 0px; left: 0px;" />
                                <img u="caption" t3="MCLIP|L" du3="2000" src="img/new-site/c-slide-1.jpg" style="position: absolute; width: 379px; height: 213px; top: 4px; left: 45px;" />
                                <img u="caption" t="MCLIP|R" du="2000" t2="NO" src="img/new-site/c-slide-3.jpg" style="position: absolute; width: 379px; height: 213px; top: 4px; left: 45px;" />
                                <img u="caption" t="RTTL|BR" x="500%" y="500%" du="1000" d="-3000" r="-30%" t3="L" x3="70%" du3="1600" src="img/new-site/c-finger-pointing.png" style="position: absolute; width: 257px; height: 300px; top: 80px; left: 200px;" />
                                <img src="img/new-site/c-navigator-horizontal.png" style="position: absolute; width: 379px; height: 213px; top: 4px; left: 45px;" />
                            </div>
                            <div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px;
                                text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
                                    color: #FFFFFF;font-family:'Microsoft Yahei';">代理认证
                            </div>
                            <div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 30px; padding: 5px;
                                text-align: left; line-height: 36px; font-size: 30px;
                                    color: #FFFFFF;font-family:'Microsoft Yahei';">
                                    为您产品的认证提供信息收集、资料填写、提交检测、统一编码、编码打印等服务。
                            </div>
                        </div>
                        <div>
                            <img u="image" src="img/1920/purple.jpg" />
                            <div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px;
                                text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
                                    color: #FFFFFF;font-family:'Microsoft Yahei';">信息追溯
                            </div>
                            <div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 30px; padding: 5px;
                                text-align: left; line-height: 36px; font-size: 30px;
                                    color: #FFFFFF;font-family:'Microsoft Yahei';">
                                    为个人、政府、维修企业、监管企业提供信息查询，零部件追溯服务。
                            </div>
                        </div>
                        <div>
                            <img u="image" src="img/1920/blue.jpg" />
                            <div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px;
                                text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
                                    color: #FFFFFF;font-family:'Microsoft Yahei';">推荐服务
                            </div>
                            <div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 30px; padding: 5px;
                                text-align: left; line-height: 36px; font-size: 30px;
                                    color: #FFFFFF;font-family:'Microsoft Yahei';">
                                    向维修企业、电商平台推荐认证的正品零部件。
                            </div>
                        </div>
                    </div>

                    <!--#region Bullet Navigator Skin Begin -->
                    <!-- Help: http://www.jssor.com/development/slider-with-bullet-navigator-jquery.html -->
                    <style>
                        /* jssor slider bullet navigator skin 21 css */
                        /*
                        .jssorb21 div           (normal)
                        .jssorb21 div:hover     (normal mouseover)
                        .jssorb21 .av           (active)
                        .jssorb21 .av:hover     (active mouseover)
                        .jssorb21 .dn           (mousedown)
                        */
                        .jssorb21 {
                            position: absolute;
                        }
                        .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
                            position: absolute;
                            /* size of bullet elment */
                            width: 19px;
                            height: 19px;
                            text-align: center;
                            line-height: 19px;
                            color: white;
                            font-size: 12px;
                            background: url(img/b21.png) no-repeat;
                            overflow: hidden;
                            cursor: pointer;
                        }
                        .jssorb21 div { background-position: -5px -5px; }
                        .jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
                        .jssorb21 .av { background-position: -65px -5px; }
                        .jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }
                    </style>
                    <!-- bullet navigator container -->
                    <div u="navigator" class="jssorb21" style="bottom: 26px; right: 6px;">
                        <!-- bullet navigator item prototype -->
                        <div u="prototype"></div>
                    </div>
                    <!--#endregion Bullet Navigator Skin End -->

                    <!--#region Arrow Navigator Skin Begin -->
                    <!-- Help: http://www.jssor.com/development/slider-with-arrow-navigator-jquery.html -->
                    <style>
                        /* jssor slider arrow navigator skin 21 css */
                        /*
                        .jssora21l                  (normal)
                        .jssora21r                  (normal)
                        .jssora21l:hover            (normal mouseover)
                        .jssora21r:hover            (normal mouseover)
                        .jssora21l.jssora21ldn      (mousedown)
                        .jssora21r.jssora21rdn      (mousedown)
                        */
                        .jssora21l, .jssora21r {
                            display: block;
                            position: absolute;
                            /* size of arrow element */
                            width: 55px;
                            height: 55px;
                            cursor: pointer;
                            background: url(img/a21.png) center center no-repeat;
                            overflow: hidden;
                        }
                        .jssora21l { background-position: -3px -33px; }
                        .jssora21r { background-position: -63px -33px; }
                        .jssora21l:hover { background-position: -123px -33px; }
                        .jssora21r:hover { background-position: -183px -33px; }
                        .jssora21l.jssora21ldn { background-position: -243px -33px; }
                        .jssora21r.jssora21rdn { background-position: -303px -33px; }
                    </style>
                    <!-- Arrow Left -->
                    <span u="arrowleft" class="jssora21l" style="top: 123px; left: 8px;">
                    </span>
                    <!-- Arrow Right -->
                    <span u="arrowright" class="jssora21r" style="top: 123px; right: 8px;">
                    </span>
                    <!--#endregion Arrow Navigator Skin End -->
                    <a style="display: none" href="http://www.jssor.com">Image Slider</a>
                </div>
                   
                
            </div>
            <!--  // END OF CENTER    -->
            
            <!--  RIGHT SIDE    -->
            <div calss="col-lg-3">
                <div class="row">    
                        
                            <div class="col-lg-4 ">
                                <a href="http://122.225.117.132:9014/QFKD-NETWORK-QUERY/management/reqOrder/toReqOrder">
                                    <div class="zuo_zuo" style="height:87px; width:57px; margin-left:27px; margin-right:26px; float:left">
                                        <img src="images/block/pic9.png">
                                    </div>
                                </a>
                            </div>
                            <div class="col-lg-4">
                                <a href="http://122.225.117.132:9014/QFKD-NETWORK-QUERY/management/reqOrder/toReqOrder">
                                    <div class="zuo_zuo" style="height:87px; width:57px; margin-left:27px; margin-right:26px; float:left">
                                        <img src="images/block/pic11.png">
                                    </div>
                                </a>
                            </div>
                            <div class="col-lg-4">
                                <a href="http://122.225.117.132:9014/QFKD-NETWORK-QUERY/management/reqOrder/toReqOrder">
                                    <div class="zuo_zuo" style="height:87px; width:57px; margin-left:27px; margin-right:26px; float:left">
                                        <img src="images/block/pic22.png">
                                    </div>
                                </a>
                            
                            </div>
                            
                        
                            <div class="col-lg-4">
                                 <a href="http://122.225.117.132:9014/QFKD-NETWORK-QUERY/management/reqOrder/toReqOrder">
                                    <div class="zuo_zuo" style="height:87px; width:57px; margin-left:27px; margin-right:26px; float:left">
                                        <img src="images/block/pic33.png">
                                    </div>
                                </a>
                            </div>
                            <div class="col-lg-4">
                                <a href="http://122.225.117.132:9014/QFKD-NETWORK-QUERY/management/reqOrder/toReqOrder">
                                    <div class="zuo_zuo" style="height:87px; width:57px; margin-left:27px; margin-right:26px; float:left">
                                        <img src="images/block/pic44.png">
                                    </div>
                                </a>    
                            </div>
                            <div class="col-lg-4">
                                 <a href="http://122.225.117.132:9014/QFKD-NETWORK-QUERY/management/reqOrder/toReqOrder">
                                    <div class="zuo_zuo" style="height:87px; width:57px; margin-left:27px; margin-right:26px; float:left">
                                        <img src="images/block/pic55.png">
                                    </div>
                                </a>
                            </div>
                            
                        
                            <div class="col-lg-4">
                                 <a href="http://122.225.117.132:9014/QFKD-NETWORK-QUERY/management/reqOrder/toReqOrder">
                                    <div class="zuo_zuo" style="height:87px; width:57px; margin-left:27px; margin-right:26px; float:left">
                                        <img src="images/block/pic66.png">
                                    </div>
                                </a>
                            </div>
                            <div class="col-lg-4">
                                <a href="http://122.225.117.132:9014/QFKD-NETWORK-QUERY/management/reqOrder/toReqOrder">
                                    <div class="zuo_zuo" style="height:87px; width:57px; margin-left:27px; margin-right:26px; float:left">
                                        <img src="images/block/pic77.png">
                                    </div>
                                </a>
                            </div>
                            <div class="col-lg-4">
                                 <a href="http://122.225.117.132:9014/QFKD-NETWORK-QUERY/management/reqOrder/toReqOrder">
                                    <div class="zuo_zuo" style="height:87px; width:57px; margin-left:27px; margin-right:26px; float:left">
                                        <img src="images/block/pic88.png">
                                    </div>
                                </a>
                            </div>
                            
                </div>
            </div>
            <!--  // END OF RIGHT SIDE    -->
        </div>
        
        
        
        
        <div class="banner wow fadeInUp" data-wow-delay="0.4s">
            <div class="container">
                <div class="banner-info text-center">
                    <h2 class="wow bounceInLeft" data-wow-delay="0.4s">进入同质配件大市场</h2>
                    <p class="wow bounceInLeft" data-wow-delay="0.4s">更好的价格，更好的服务，更大的回报</p>
                    <div class="details wow fadeInLeft" data-wow-delay="0.4s">
                        <form>
                            <?php if (isset($_SESSION['user_type'])) {
                                ?>
                                <?php
                                if ($_SESSION['user_type'] == 'User' || $_SESSION['user_type'] == 'Company') {
                                    ?>
                                    <li style="width:80%">
                                        <input type="text" class="text" placeholder="零部件统一编码" id="parts_unicode" >
                                        <a class="name" href="#"></a>

                                    </li>
                                    <input class="main_page_button" id="button_user_search" type="button" value="查询">
                                    <?php
                                } else {
                                    ?>
                                    <!--li style="width:65%">
                                        <input type="text" class="text" placeholder="零部件统一编码" id="parts_unicode" >
                                        <a class="name" href="#"></a>

                                    </li>
                                    <input class="main_page_button" id="button_company_search" type="button" value="零部件查询"><span style="width:20px;margin-left:10px;margin-right:10px;"></span>
                                    <input class="main_page_button" id="button_company_sendcheck"  type="button" value="零部件送检"-->

                                    <li>
                                        <input type="text" class="text" value="姓名" onFocus="this.value = '';" onBlur="if (this.value == '') {
                                                            this.value = '姓名';
                                                        }">
                                        <a class="name" href="#"></a>
                                    </li>
                                    <li>
                                        <input type="text" class="text" value="电子邮箱" onFocus="this.value = '';" onBlur="if (this.value == '') {
                                                            this.value = '电子邮箱';
                                                        }">
                                        <a class="mail" href="#"></a>
                                    </li>
                                    <li>
                                        <input type="text" class="text" value="手机号码" onFocus="this.value = '';" onBlur="if (this.value == '') {
                                                            this.value = '手机号码';
                                                        }">
                                        <a class="num" href="#"></a>
                                    </li>
                                    <input type="submit" value="马上行动">
                                    <?php
                                }
                                ?>
                                <?php
                            } else {
                                ?>
                                <li>
                                    <input type="text" class="text" value="姓名" onFocus="this.value = '';" onBlur="if (this.value == '') {
                                                    this.value = '姓名';
                                                }">
                                    <a class="name" href="#"></a>
                                </li>
                                <li>
                                    <input type="text" class="text" value="电子邮箱" onFocus="this.value = '';" onBlur="if (this.value == '') {
                                                    this.value = '电子邮箱';
                                                }">
                                    <a class="mail" href="#"></a>
                                </li>
                                <li>
                                    <input type="text" class="text" value="手机号码" onFocus="this.value = '';" onBlur="if (this.value == '') {
                                                    this.value = '手机号码';
                                                }">
                                    <a class="num" href="#"></a>
                                </li>
                                <input type="submit" value="马上行动">
                                <?php
                            }
                            ?>   



                            <!--li>
                                    <input type="text" class="text" value="电子邮箱" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = '电子邮箱';}">
                                    <a class="mail" href="#"></a>
                            </li>
                            <li>
                                    <input type="text" class="text" value="手机号码" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = '手机号码';}">
                                    <a class="num" href="#"></a>
                            </li-->

                        </form>
                    </div>
                </div>
                <div class="header-bottom">
                    <div class="right-grid-1">
                        <section class="slider">
                            <div class="flexslider">
                                <ul class="slides">
                                    <li>
                                        <img src="images/s1.jpg" class="img-responsive" alt="" />

                                    </li>
                                    <li>
                                        <img src="images/s2.jpg" class="img-responsive" alt="" />
                                    </li>
                                    <li>
                                        <img src="images/s3.jpg" class="img-responsive" alt="" />
                                    </li>
                                    <li>
                                        <img src="images/s4.jpg" class="img-responsive" alt="" />
                                    </li>
                                </ul>
                            </div>
                        </section>
                        <!-- FlexSlider -->
                        <script defer src="js/jquery.flexslider.js"></script>
                        <script type="text/javascript">
                                        $(function() {
                                            //SyntaxHighlighter.all();
                                        });
                                        $(window).load(function() {
                                            $('.flexslider').flexslider({
                                                animation: "slide",
                                                start: function(slider) {
                                                    $('body').removeClass('loading');
                                                }
                                            });
                                        });
                        </script>
                    </div>	
                </div>					
            </div>
        </div>
        <div class="content">
            <div class="service-section" id="service">
                <div class="container">
                    <div class="service-section-head text-center wow fadeInRight" data-wow-delay="0.4s">
                        <h3>我们的服务</h3>
                        <p>为优质产品提供更好的服务</p>
                    </div>
                    <div class="service-section-grids">
                        <div class="col-md-6 service-grid">
                            <div class="service-section-grid wow bounceIn" data-wow-delay="0.4s">
                                <div class="icon">
                                    <i class="s1"></i>
                                </div>
                                <div class="icon-text">
                                    <h4>产品历史回溯</h4>
                                    <p>从生产到检测认证，从销售到物流配送，从维修到使用，全过程跟踪回溯。</p>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="service-section-grid wow bounceIn" data-wow-delay="0.4s">
                                <div class="icon">
                                    <i class="s2"></i>
                                </div>
                                <div class="icon-text">
                                    <h4>信息挖掘</h4>
                                    <p>生产信息、销售信息、维修信息、质量信息、评价信息等数据挖掘。</p>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="service-section-grid wow bounceIn" data-wow-delay="0.4s">
                                <div class="icon">
                                    <i class="s3"></i>
                                </div>
                                <div class="icon-text">
                                    <h4>交流平台</h4>
                                    <p>对同质配件的交流、互动平台，形成良性生态圈</p>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                        <div class="col-md-6 service-grid">
                            <div class="service-section-grid wow bounceIn" data-wow-delay="0.4s">
                                <div class="icon">
                                    <i class="s4"></i>
                                </div>
                                <div class="icon-text">
                                    <h4>人性化设计</h4>
                                    <p>您可以方便获取自己所需的信息</p>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="service-section-grid wow bounceIn" data-wow-delay="0.4s">
                                <div class="icon">
                                    <i class="s5"></i>
                                </div>
                                <div class="icon-text">
                                    <h4>更迅捷的回应</h4>
                                    <p>同质配件的状态变更后即时通知。</p>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="service-section-grid wow bounceIn" data-wow-delay="0.4s">
                                <div class="icon">
                                    <i class="s6"></i>
                                </div>
                                <div class="icon-text">
                                    <h4>高性价比服务</h4>
                                    <p>为不同客户量身定制服务计划</p>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>

            <div class="about-section" id="about">
                <div class="col-md-6 about_left wow bounceInLeft">
                    <img src="images/about_pic.jpg" alt="" />
                </div>
                <div class="col-md-6 about_right wow bounceInRight">
                    <h3>关于我们</h3>
                    <p>我们立志于覆盖全部汽车同质配件，向用户提供同质配件的生产信息、认证检测信息、销售信息、维修信息等。让用户的每一个零部件随时可查，随时跟踪零部件的信息和状态。</p>
                    <a href="#">更多</a>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="price-section" id="pricing">
                <div class="container">
                    <div class="price-section-head text-center wow fadeInLeft" data-wow-delay="0.4s">
                        <h3>选择合适的计划</h3>
                        <p>根据自身情况，选择最划算的服务计划。</p>
                    </div>
                    <div class="price-section-grids">
                        <div class="col-md-4 price-value text-center wow fadeInLeft" data-wow-delay="0.4s">
                            <div class="price-section-grid">
                                <h5>免费服务</h5>
                                <h3><span>&#65509;</span>0</h3>
                                <p>全天候</p>
                                <ul>
                                    <li>免费查询零部件信息</li>
                                    <li>免费查询检测信息</li>
                                    <li>免费查询认证信息</li>								
                                </ul>
                                <a href="#">开始</a>
                            </div>
                        </div>
                        <div class="col-md-4 price-value text-center wow fadeInUp" data-wow-delay="0.6s">
                            <div class="price-section-grid">
                                <h5>高级服务</h5>
                                <h3><span>&#65509;</span>42</h3>
                                <p>每月</p>
                                <ul>
                                    <li>及时提供所关注零部件的认证信息</li>
                                    <li>提供所关注零部件的真伪信息</li>
                                    <li>提供零部件的质量信息</li>								
                                </ul>
                                <a href="#">开始</a>
                            </div>
                        </div>
                        <div class="col-md-4 price-value text-center wow fadeInRight" data-wow-delay="0.4s">
                            <div class="price-section-grid">
                                <h5>金牌服务</h5>
                                <h3><span>&#65509;</span>62</h3>
                                <p>每月</p>
                                <ul>
                                    <li>提供零部件送检</li>
                                    <li>零部件认证检测状态提醒</li>
                                    <li>零部件信息统计</li>								
                                </ul>
                                <a href="#">开始</a>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <div class="work-section" id="work">
                <div class="container">
                    <div class="work-section-head text-center wow fadeInRight" data-wow-delay="0.4s">
                        <h3>服务流程</h3>
                        <p>为汽车零部件提供全生命周期服务</p>
                    </div>
                    <div class="work-section-grids text-center wow fadeInUp" data-wow-delay="0.4s">
                        <div class="col-md-3 work-section-grid">
                            <i class="ear-phones"></i>
                            <h4>第一步：生产</h4>
                            <p>生产信息记录，厂家信息，零部件生产信息，生产数据。</p>
                            <span class="arrow1"><img src="images/arrow1.png" alt="" /></span>
                        </div>
                        <div class="col-md-3 work-section-grid wow fadeInUp" data-wow-delay="0.6s">
                            <i class="lock"></i>
                            <h4>第二步：检测认证</h4>
                            <p>检测信息记录，认证信息记录。</p>
                            <span class="arrow2"><img src="images/arrow2.png" alt="" /></span>
                        </div>
                        <div class="col-md-3 work-section-grid wow fadeInUp" data-wow-delay="0.8s">
                            <i class="cloud"></i>
                            <h4>第三步：销售物流</h4>
                            <p>销售渠道信息记录，经销商，销售日期</p>
                            <span class="arrow1"><img src="images/arrow1.png" alt="" /></span>
                        </div>
                        <div class="col-md-3 work-section-grid wow fadeInUp" data-wow-delay="0.10s">
                            <i class="done"></i>
                            <h4>第四步：维修追踪</h4>
                            <p>零部件去向跟踪，维修信息，安装信息记录</p>
                        </div>
                        <div class="clearfix"></div>
                        <a class="work" href="#">Get start Now</a>
                    </div>
                </div>
            </div>
            <div class="happy-clients" id="clients">
                <div class="container">
                    <div class="happy-clients-head text-center wow fadeInRight" data-wow-delay="0.4s">
                        <h3>我们的客户</h3>
                        <p>我们的客户遍及整个汽车零部件产业链</p>
                    </div>
                    <div class="happy-clients-grids">
                        <div class="col-md-6 happy-clients-grid wow bounceIn" data-wow-delay="0.4s">
                            <div class="client">
                                <img src="images/client_1.jpg" alt="" />
                            </div>
                            <div class="client-info">
                                <p><img src="images/open-quatation.jpg" class="open" alt="" />服务亿万车主，为车主选用正品配件。为零部件质量保驾护航，为车主提供安全保障。<img src="images/close-quatation.jpg" class="closeq" alt="" /></p>
                                <h4>车主</h3>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="col-md-6 happy-clients-grid span_66 wow bounceIn" data-wow-delay="0.4s">
                            <div class="client">
                                <img src="images/client_2.jpg" alt="" />
                            </div>
                            <div class="client-info">
                                <p><img src="images/open-quatation.jpg" class="open" alt="" />作为主机厂招标、选用零部件时的依据。同时保证主机厂使用正品配件。<img src="images/close-quatation.jpg" class="closeq" alt="" /></p>
                                <h4>主机厂</h3>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="col-md-6 happy-clients-grid wow bounceIn" data-wow-delay="0.4s">
                            <div class="client">
                                <img src="images/client_3.jpg" alt="" />
                            </div>
                            <div class="client-info">
                                <p><img src="images/open-quatation.jpg" class="open" alt="" />为修理厂所用配件提供质量保证。同时提供信息及数据依据。<img src="images/close-quatation.jpg" class="closeq" alt="" /></p>
                                <h4>修理厂</h3>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="col-md-6 happy-clients-grid span_66 wow bounceIn" data-wow-delay="0.4s">
                            <div class="client">
                                <img src="images/client_4.jpg" alt="" />
                            </div>
                            <div class="client-info">
                                <p><img src="images/open-quatation.jpg" class="open" alt="" />保证为用户提供经过检测、认证的正品配件，保证汽车零部件的高质量、高性价比、高可靠性。<img src="images/close-quatation.jpg" class="closeq" alt="" /></p>
                                <h4>汽配商城</h3>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>	
            <div class="result-section" id="result">
                <div class="container">
                    <div class="contact-section-head text-center wow fadeInLeft" data-wow-delay="0.4s">
                        <h3>查询结果</h3>
                        <p>给您最真实的结果，最可靠的保障。</p>
                        <div class="happy-clients-grids">
                            <div class="col-md-6 result_left wow bounceInLeft">
                                <!--img src="images/CQC.jpg" alt="" /-->
                                <div class="profile-user-info profile-user-info-striped">
                                    <div class="profile-info-row">
                                        <div class="profile-info-name"> 零件名称 </div>

                                        <div class="profile-info-value">
                                            <span class="editable editable-click" id="parts_name">汽车高位刹车灯</span>
                                        </div>
                                    </div>

                                    <div class="profile-info-row">
                                        <div class="profile-info-name"> 生产厂家 </div>

                                        <div class="profile-info-value">
                                            <i class="icon-map-marker light-orange bigger-110"></i>
                                            <span class="editable editable-click" id="factory">南京卡莱德汽车照明系统有限公司
                                            </span>

                                        </div>
                                    </div>

                                    <div class="profile-info-row">
                                        <div class="profile-info-name"> 生产日期 </div>

                                        <div class="profile-info-value">
                                            <span class="editable editable-click" id="product_date">2015-06-12</span>
                                        </div>
                                    </div>

                                    <div class="profile-info-row">
                                        <div class="profile-info-name"> 认证状态 </div>

                                        <div class="profile-info-value">
                                            <span class="editable editable-click" id="status">有效</span>
                                        </div>
                                    </div>

                                    <div class="profile-info-row">
                                        <div class="profile-info-name"> 认证日期 </div>

                                        <div class="profile-info-value">
                                            <span class="editable editable-click" id="cert_date">2015-08-12</span>
                                        </div>
                                    </div>

                                    <div class="profile-info-row">
                                        <div class="profile-info-name"> 证书编号 </div>

                                        <div class="profile-info-value">
                                            <span class="editable editable-click" id="number">2015011109796879</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 result_right wow bounceInRight">

                                <table class="code_table">
                                    <tbody>
                                        <tr>
                                            <td style="padding:10px;">
                                                <img id="hanxin_img" src="../backend/utils/hanxin.jpg" width="150" height="150">
                                            </td>
                                            <td style="padding:10px;">
                                                <img id="barcode_img" src="../backend/utils/1/(01)0 6929999 90022 8(10)7W07201501.png">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td rowspan="3" style="padding:5px;">
                                                <img id="qrcode_img" src="../backend/utils/1/1.png" width="150" height="150">
                                            <td style=""><div class="code_table_info" >查询电话：400-800-1302</div></td>
                                        </tr>
                                        <tr>
                                            <td style=""><div class="code_table_info" >查询网站：www.ciqia.com</div></td>
                                        </tr>
                                        <tr>
                                            <td style=""><div class="code_table_info">手机发送SY*加防伪码至12132</div></td>
                                        </tr>
                                    </tbody>
                                </table>


                            </div>
                            <div class="clearfix"></div>
                            <div class="row">
                                <div class="col-md-12">
                                    <ul class="timeline">
                                        <li>
                                            <div class="timeline-badge info">
                                                <i class="fa fa-gavel fa-fw"></i>
                                            </div>
                                            <div class="timeline-panel wow bounceInLeft animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation: bounceInLeft 0.4s;">
                                                <div class="timeline-heading">
                                                    <h3 class="timeline-title">生产信息</h3>
                                                </div>
                                                <div class="timeline-body">
                                                    <p>本零部件由<span class="info_query" id="span_factory"></span>生产，生产日期为：<span class="info_query" id="span_product_time"></span>，产品编号为：<span class="info_query" id="span_unicode"></span>。</p>

                                                </div>
                                            </div>
                                        </li>
                                        <li class="timeline-inverted">
                                            <div class="timeline-badge">
                                                <i class="fa fa-stethoscope fa-fw"></i>
                                            </div>
                                            <div class="timeline-panel wow bounceInRight animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation: bounceInRight 0.4s;">
                                                <div class="timeline-heading">
                                                    <h3 class="timeline-title">认证检测</h3>
                                                </div>
                                                <div class="timeline-body">
                                                    <p>本产品于<span class="info_query" id="span_sentcheck_time"></span>送检，于<span class="info_query" id="span_cert_date"></span>通过检测，证书编号为：<span class="info_query" id="span_number"></span>。</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="timeline-badge danger">
                                                <i class="fa fa-rmb fa-fw"></i>
                                            </div>
                                            <div class="timeline-panel wow bounceInLeft animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation: bounceInLeft 0.4s;"">
                                                <div class="timeline-heading">
                                                    <h3 class="timeline-title">销售信息</h3>
                                                </div>
                                                <div class="timeline-body">
                                                    <p>本产品于<span class="info_query" id="span_buy_time">2015年9月30日</span>在<span class="info_query" id="span_buy_time">三真网</span>售出。</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="timeline-inverted">
                                            <div class="timeline-badge warning">
                                                <i class="fa fa-truck fa-fw"></i>
                                            </div>
                                            <div class="timeline-panel wow bounceInRight animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation: bounceInRight 0.4s;">
                                                <div class="timeline-heading">
                                                    <h3 class="timeline-title">物流信息</h3>
                                                </div>
                                                <div class="timeline-body">
                                                    <p>本零部件于<span class="info_query" id="span_sent_time">2015年4月20日</span>被送往<span class="info_query" id="span_target">上海</span>。</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="timeline-badge success">
                                                <i class="fa fa-wrench fa-fw"></i>
                                            </div>
                                            <div class="timeline-panel wow bounceInLeft animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation: bounceInLeft 0.4s;">
                                                <div class="timeline-heading">
                                                    <h3 class="timeline-title">维修信息</h3>

                                                </div>
                                                <div class="timeline-body">
                                                    <p>本零部件于<span class="info_query" id="span_use_time">2015年4月21日</span>在<span class="info_query" id="span_fix_place">保时捷4S店浦东店</span>被安装于<span class="info_query" id="span_brands">卡宴</span>车上。车辆识别码为：<span class="info_query" id="span_vin_code">VIN231409320150201</span></p>
                                                </div>
                                            </div>
                                        </li>

                                    </ul>

                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="contact-section" id="contact">
                <div class="container">
                    <div class="contact-section-head text-center wow fadeInLeft" data-wow-delay="0.4s">
                        <h3>联系我们</h3>
                        <p>一个电子邮件，改变您的商务模式，让您的业务更上层楼</p>
                    </div>
                    <div class="form wow fadeInLeft" data-wow-delay="0.4s">
                        <form>
                            <li>
                                <input type="text" class="text" value="Name" onFocus="this.value = '';" onBlur="if (this.value == '') {
                                            this.value = 'Name';
                                        }">
                                <a class="name" href="#"></a>
                            </li>
                            <li>
                                <input type="text" class="text" value="Email Address" onFocus="this.value = '';" onBlur="if (this.value == '') {
                                            this.value = 'Email Address';
                                        }">
                                <a class="mail" href="#"></a>
                            </li>
                            <input type="submit" value="Subscribe now">
                        </form>
                    </div>
                    <div class="map">
                        <img src="images/map.jpg" alt="" />
                        <div class="location wow bounceIn" data-wow-delay="0.4s">
                            <div class="address text-center">
                                <h4>地址</h4>
                                <p>北京市</p>
                                <p>总部基地</p>
                                <p>8区</p>
                                <p>Call : +10-9976-9999</p>
                                <a href="example@mail.com">info@ciqac.com</a>
                                <span class="locate"><img src="images/locate.png" alt="" /></span>
                            </div>
                            <div class="bottom-logo text-center">
                                <img src="images/logo.png" alt="" />
                            </div>
                        </div>
                    </div>
                    <div class="contact-bottom text-center">
                        <div class="bottom-menu wow bounceInRight" data-wow-delay="0.4s">
                            <ul>     
                                <li><a class="scroll" href="#home">首页</a></li>                                                                               
                                <li><a class="scroll" href="#service">服务</a></li>
                                <li><a class="scroll" href="#about">关于我们</a></li>
                                <li><a class="scroll" href="#pricing">服务计划</a></li>
                                <li><a class="scroll" href="#work">服务流程</a></li>
                                <li><a class="scroll" href="#clients">客户</a></li>
                                <li><a class="scroll" href="#contact">联系我们</a></li>
                            </ul>
                        </div>
                        <p class="call wow fadeInRight" data-wow-delay="0.4s"><i class="phone wow fadeInLeft" data-wow-delay="0.4s"></i> +987 9976 999</p>
                        <div class="social-icons">
                            <a class="wow bounceIn" data-wow-delay="0.4s" href="#"><i class="twitter"></i></a>
                            <a class="wow bounceIn" data-wow-delay="0.4s" href="#"><i class="facebook"></i></a>
                            <a class="wow bounceIn" data-wow-delay="0.4s" href="#"><i class="googlepluse"></i></a>
                            <a class="wow bounceIn" data-wow-delay="0.4s" href="#"><i class="linkedin"></i></a>
                        </div>
                    </div>
                </div>
            </div>


        </div>


        <div class="footer">
            <div class="container">
                <div class="copyright text-center wow bounceInLeft" data-wow-delay="0.4s">
                    <p>Copyright &copy; 2015.CIQAC All rights reserved.<a target="_blank" href="http://www.ciqac.com/"></a> </p>
                </div>
            </div>
        </div>
        <a class="scroll" href="#home" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
        <script type="text/javascript">
            $(document).ready(function() {
                /*
                 var defaults = {
                 containerID: 'toTop', // fading element id
                 containerHoverID: 'toTopHover', // fading element hover id
                 scrollSpeed: 1200,
                 easingType: 'linear' 
                 };
                 */

                $().UItoTop({easingType: 'easeOutQuart'});

            });
        </script>
        <script type="text/javascript">
            function logout() {
                //alert('ddd');

                //window.alert(user_email);
                var changeUrl = "../backend/actions/userCheck.php?action=logout";
                //window.alert(changeUrl);
                $.get(changeUrl, function(str) {
                    //window.alert(str);
                    if (str == '1') {
                        window.location = "../frontend/";
                        //window.alert( $("#userInfo").html());  
                    } else {
                        alert('退出失败。请重试。');
                        return;
                    }
                });
                return false;
            }
        </script>

        <script type="text/javascript">
            $(function() {
                $('#result').hide();
                $('#button_user_search').click(function() {
                    //alert(222);
                    //$("html,body").animate({scrollTop: $("#result").offsetTop}, 1000);


                    if ($('#parts_unicode').val() == '') {
                        alert('请输入零件统一编码。');
                        $('#parts_unicode').focus();
                        return;
                    }

                    var unicode = $('#parts_unicode').val();

                    var changeUrl = "../backend/actions/searchResults.php?action=search_parts&code=" + unicode;
                    //window.alert(changeUrl);
                    $.get(changeUrl, function(str) {
                        //window.alert(str);
                        var myjson = '';
                        eval('myjson=' + str + ';');
                        //$('#result').html("姓名:" + myjson.username + "<br/>工作:" + myjson['job']);
                        //alert(myjson.result);
                        if (myjson.result == '1') {
                            //alert('parts_name:' + myjson.parts_name);
                            $('#parts_name').text(myjson.parts_name);
                            $('#factory').text(myjson.parts_factory);
                            $('#product_date').text(myjson.product_date);
                            alert(myjson.status);
                            if (myjson.status == '1') {
                                $('#status').text('通过');
                            }
                            if (myjson.status == '2') {
                                $('#status').text('检测中');
                            }
                            if (myjson.status == '4') {
                                $('#status').text('未通过');
                            }
                            if (myjson.status == '8') {
                                $('#status').text('已过期');
                            }
                            //$('#status').text(myjson.status);
                            $('#cert_date').text(myjson.cert_date);
                            $('#number').text(myjson.number);
                            $('#span_buy_time').text(myjson.buy_time);
                            $('#span_sentcheck_time').text(myjson.sentcheck_time);
                            $('#span_cert_date').text(myjson.cert_date);
                            $('#span_number').text(myjson.number);
                            $('#span_factory').text(myjson.parts_factory);
                            $('#span_product_time').text(myjson.product_date);
                            $('#span_unicode').text(myjson.parts_unicode);

                            /*
                             alert(myjson.barcode_url);
                             alert(myjson.qrcode_url);
                             alert(myjson.hanxin_url);
                             */
                            $("#hanxin_img").attr('src', myjson.hanxin_url);
                            $("#barcode_img").attr('src', myjson.barcode_url);
                            $("#qrcode_img").attr('src', myjson.qrcode_url);



                        }


                        //window.location = "index.php";

                        /*
                         if(str == '1'){   
                         $("#userInfo").html("<font color='red'>您输入的用户名存在！请重新输入！</font>");
                         //window.alert( $("#userInfo").html());  
                         }else{   
                         $("#userInfo").html("");   
                         } 
                         */
                    });

                    $('#result').show();
                    $("html,body").stop(true);
                    $("html,body").animate({scrollTop: $("#result").offset().top}, 1000);
                });

                $(".sn-menu").hover(function() {
                    //alert(1);
                    $($(this).children("div").get(0)).css("display", "block");
                    //$(".sn-menu").getElementsByTagName('div')[0].style.display = 'block';

                }, function() {
                    $($(this).children("div").get(0)).css("display", "none");
                });

                $(".sn-mobile").hover(function() {
                    //alert(1);
                    $($(this).children("div").get(0)).css("display", "block");
                    //$(".sn-menu").getElementsByTagName('div')[0].style.display = 'block';

                }, function() {
                    $($(this).children("div").get(0)).css("display", "none");
                });
            });
        </script>
    </body>
</html>